<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
	xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header">
</head>
<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="fixed-table-toolbar">
			<div class="pull-left search col-md-2">
				<div class="zTreeDemoBackground left">
					<input id="deptId" name="deptId" class="hidden"> <input
						id="deptName" name="deptName" class="form-control" type="text"
						style="cursor: pointer;width:150px;background:white;" onclick="openDept()"
						readonly="readonly" placeholder="所属部门">
				</div>
			</div>
			<div class="pull-left search col-md-2 nopadding">
				<select id="app" class="form-control" style="width:150px;">
					<option value="">---请选择应用---</option>
				</select>
			</div>
			<div class="pull-left search col-md-2 nopadding">
				<select id="task" class="form-control" style="width:150px;">
					<option value="">---请选择任务---</option>
				</select>
			</div>
			<div class="pull-left search col-md-2 nopadding">
				<input id="startTime" type="text" class="form-control"  style="width:150px;"
					placeholder="开始时间">
			</div>
			<div class="pull-left search col-md-1 nopadding">
				<select id="step" class="form-control" style="width:70px;">
					<option value="1">1分钟</option>
					<option value="5">5分钟</option>
					<option value="10">10分钟</option>
					<option value="30">30分钟</option>
				</select>
			</div>
			<div class="pull-left search col-md-1 nopadding">
				<select id="category" class="form-control" style="width:70px;">
					<option value="Total">执行数据量</option>
					<option value="Time">执行时长</option>
				</select>
			</div>
			<div class="columns pull-left">
				<button id="reLoad" class="btn btn-success">查看</button>
			</div>
			<!-- 下拉树的隐藏框 -->
			<div id="menuContent" class="menuContent" style="display:none; position: absolute;z-index:100;">
				<ul id="selectTree" class="ztree" style="margin-top:0; width:180px;"></ul>
			</div>
		</div>
		<div class="ibox">
			<div class="echarts" id="echarts-chart" style="height:600px;"></div>
        	<table id="exampleTable" data-mobile-responsive="true"></table>
        </div>
	</div>
	<div th:include="include :: footer"></div>
	<!-- ECharts -->
    <script src="/js/plugins/echarts/echarts.min.js"></script>
    <script src="/js/plugins/echarts/vintage.js"></script>
	<script type="text/javascript" src="/js/appjs/schedule/chart/execute.js"></script>
	
	<link href="/css/plugins/zTree/zTreeStyle/zTreeStyle.css" rel="stylesheet">
	<script type="text/javascript" src="/js/plugins/zTree/jquery.ztree.core.min.js"></script>
	
	
	<link href="/css/plugins/jquery-datetimepicker/jquery.datetimepicker.min.css" rel="stylesheet">
	<script type="text/javascript" src="/js/plugins/jquery-datetimepicker/jquery.datetimepicker.full.min.js"></script>
</body>
</html>